@import "common/_functions.scss";
@import "common/_variables.scss";
body{
    background:rgb(237,237,237);
}
.evaluate{
    margin-top: rem(6);
    background:#fff;
    li.h_box{
        display: -webkit-flex;
        display: flex;
        padding:rem(10) rem(12);
        border-bottom:1px solid rgb(237,237,237);
        img{
            display: block;
            width: rem(160);
            height: rem(90);
            margin-right: rem(15);
        }
        .name{
            padding-right:rem(1);
            font-size: rem(16);
        }
    }
    li:last-child{
        padding:rem(5) rem(12) rem(30);
        h4{
            margin-top: rem(20);
            font-size: rem(16);            
        }
        p{
           font-size: rem(14); 
        }
    }
}

.evaluate{
    dl{
        padding:rem(30) rem(12);
        font-size: rem(16);
        color: rgb(47,47,47);
        // margin-bottom: rem(45);
        dt{
            margin-bottom: rem(16);
        }
        .grade{
            border:1px solid rgb(237,237,237);
            border-width:1px 0;
            height: rem(42);
            line-height: rem(42);
            text-align: center;
            .box{
                width: rem(250);
                overflow-x: auto;
                height: rem(42);
                margin:0 auto;
            }
            .innerbox{
                width:rem(350);
            }
            span{
                display: inline-block;
                width: rem(30);
                height: rem(40);
                text-align: center;

            }
            span.cur{
                color: rgb(255,101,101);
                border-bottom:2px solid rgb(255,101,101);

            }
        }
        h5{
            font-size:rem(16);
            margin-top: rem(36);
        }
        textarea{
            width: 100%;
            border:1px solid rgb(203,203,203);
            background:rgb(245,245,245);
            border-radius:rem(5);
            resize: none;
            margin-top: rem(8);
            padding:rem(5);
            font-size: rem(14);
            color: rgb(201,203,213);

        }
    }
    .button{
        background:rgb(255,101,101);
        height:rem(45);
        line-height: rem(45);
        text-align: center;
        color: #fff;
        font-size: rem(14);
        // position: fixed;
        // bottom:0;
        width: rem(375);
    }
}


//topic.html
html,body{
    height: 100%;
}
.topic{
    background:#fff;
    min-height: 100%;
}
.topic .box{
    position: relative;
    img{
        display: inline-block;
        width: 100%;
        height:rem(210);
    }
    .pictext{
        width: 100%;
        position: absolute;
        text-align: center;
        bottom:rem(32);
        h4{
            color: #fff;
            font-size:rem(14);
        }
        p{
            font-size: rem(10);
            color: #999;
        }
    }

}

.topic .box-li{
    padding:0 rem(4);
    position: relative;
    img{
        display: inline-block;
        width: 100%;
        height:rem(205);
    }
    .pictext{
        width: 100%;
        position: absolute;
        text-align: center;
        bottom:rem(13);
        h4{
            color: #fff;
            font-size:rem(14);
        }
        p{
            font-size: rem(10);
            color: #999;
        }
    }

}
.topic .info{
    padding:rem(24);
    font-size: rem(14);
    color: rgb(76,80,81);
    line-height: 1.5;
}
.topic .info-li{
    padding:rem(24) rem(20);
    font-size: rem(14);
    color: rgb(76,80,81);
    line-height: 1.5;
}
















